<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
    <title>补借条详情</title>
    <link href="../Content/css/style.css" rel="stylesheet">
    <style>
        .loan-detail-money__item  span.persent{
            font-size: 16px;
        }
    </style>
</head>
<body>
<div class="loan-iou-detail router">
    <div class="wrapper">
        <div class="loan-detail-main" style="margin-top: 0;color:#898989">
            <div class="loan-detail-number"><p class="loan-detail-number__number">编号: 201708220900157185</p> <span
                class="loan-detail-number__status orange">等待确认</span></div>
            <div class="loan-detail-money">
                <div class="iou-detail-people"><p class="iou-detail-people__item">出借人： <span>靳阳阳</span></p>
                    <p class="iou-detail-people__item">借款人： <span>曹云金</span></p></div>
                <ul class="loan-detail-money__list">
                    <li class="loan-detail-money__item"><span class="persent">100000.00元</span>
                        <p>借款总额(元)</p></li>
                    <li class="loan-detail-money__item"><span class="persent">21%</span>
                        <p>年利率</p></li>
                    <li class="loan-detail-money__item"><span class="persent">66</span>
                        <p>借款时长(天)</p></li>
                </ul>
            </div>
            <div class="loan-detail-info">
                <ul class="card__info">
                    <li class="card__info-item">借款日期：2017-08-22</li>
                    <li class="card__info-item">还款日期：2017-10-27</li>
                    <li class="card__info-item">生成日期：2017-08-22</li>
                    <li class="card__info-item">借款用途：租房</li>
                </ul>
            </div>
        </div>
       </div>
<footer class="footer-button"><span class="button transparent">删除借条</span> <span class="button">发送给对方</span></footer>
<div class="component-modal component-confirm" style="display: none;">
    <div class="component-modal__mask"></div>
    <div class="component-modal__container" style="width: 92%;"><!----> <!---->
        <div class="component-modal__main"><h1 class="component-confirm__title"> 确认收到还款 </h1>
            <p class="component-confirm__tips"> 请确认已收到还款，如未收到还款，切勿点击完成借条，谨防诈骗。 </p>
            <div class="component-confirm__content"></div>
            <footer class="component-confirm__buttons"><span
                class="component-confirm__button button short pure">取消</span> <span
                class="component-confirm__button button short pure">确定</span></footer>
        </div>
    </div> <!----></div>
<div class="component-modal component-confirm" style="display: none;">
    <div class="component-modal__mask"></div>
    <div class="component-modal__container" style="width: 92%;">
        <div class="component-modal__main"><h1 class="component-confirm__title"> 确认删除借条 </h1>
            <p class="component-confirm__tips"> 借条删除后，相关记录一并清除，借条不会生效，是否确认删除？ </p>
            <div class="component-confirm__content"></div>
            <footer class="component-confirm__buttons"><span
                class="component-confirm__button button short pure">取消</span> <span
                class="component-confirm__button button short pure">确定</span></footer>
        </div>
    </div> <!----></div>
<div class="component-modal component-confirm" style="display: none;">
    <div class="component-modal__mask"></div>
    <div class="component-modal__container" style="width: 92%;">
        <div class="component-modal__main"><h1 class="component-confirm__title"> 确认退回借条 </h1>
            <p class="component-confirm__tips"> 是否确认退回借条 </p>
            <div class="component-confirm__content"></div>
            <footer class="component-confirm__buttons"><span
                class="component-confirm__button button short pure">取消</span> <span
                class="component-confirm__button button short pure">确定</span></footer>
        </div>
    </div></div>
</div>
<div class="component-share dn" ><img width="240" src="../Content/imgs/sharetip@3x.png"></div>
<script src="../Content/js/jquery-2.2.4.min.js"></script>
<script>
    var winH=$(window).height();
    $(".wrap").css("height",winH);
    $(function(){
            $(".qrfbbtn").on('click',function () {
                window.location.href="BankCard-2.html"
            });
            $(".component-share").on('click',function () {
                $(this).hide();
            })
    });

</script>
</body>
</html>
